proj-inclusive 野良Social Hack Day 2022-11-12
後：
ScrapboxにGoogleアカウントでログインする
このScrapboxプロジェクトに参加する
ビジョン
タイムテーブル
13:00-13:15
簡単な自己紹介
13:15-13:30
今日なにやる？
13:30-17:00
開発！
17:00
解散！
簡単な自己紹介
Koichiro Shiratori.icon
名前：Koichiro Shiratori
岡山在住
職業：研究者（行政学が専門）、大学勤務
近況：買い物帰りで昼食を食べていないです……
yuiseki.icon
名前：ゆいせき
東京在住
職業：ソフトウェアエンジニア、プロダクトマネージャー
近況：京都出張中です。昨日めちゃくちゃ酒を飲んだのでもうだめです
https://gyazo.com/dc8f441ac8dcf5d5ff5a5386dfe62f90
Nakahara Ousei.icon
名前：中原旺聖
岡山在住
学生
j.lu.icon
名前：呂建輝（ろけんき、LU Jianhui）
中国（北京）出身、岡山在住
職業：大学教員（日本語学、日本語教育）
近況：昨日ワクチン4回目打ってきたばかりで、関節痛＆頭ふらふらの状態です( ;∀;)
hiranoowo.icon
名前：Hirano Aiko
東京都在住
職業：ソフトウェアエンジニア
近況：先週子供2人（７さい＆３さい）の七五三参りをしてきました。
（話題）
j.lu.icon
Vocabulary Battlersは、ひらがなカードで単語を作って、獲得ポイントで勝負するゲーム。デッキからカードを10枚引いて、その中から何枚かのカードを出して単語を作る。単語が長いほど獲得ポイントも高い。
勝つためには、国語力だけでなく、各教科で習う用語の認知度、計算力、戦略を立てる力なども必要となる。
Koichiro Shiratori.icon
Nakahara Ousei.iconさんにタスクガチャでガチャを引いてもらう
タスク
バグを発見する
レア度ノーマル
GitHubボタンを設置する
レア度ノーマル
GitHubアカウントを思い出す
https://gyazo.com/017993138583d77a55bb53d5a338ced0
GitHubリポジトリに招待する→Koichiro Shiratori.icon
パスワードリセットする
GitHubボタンを設置する
手順
リポジトリをFork
VSCodeを起動開く
WSLに接続
GitHubからリポジトリをClone
拡張機能をインストール
動作確認
ターミナル→新しいターミナル
Node.jsをインストールする
code:bash
code:bash
nvm install 16
nvm use 16
起動する
code:bash
npm ci
npm run dev
作業
code:bash
npm i react-github-btn
「Issue」を選択
user: Koichiro-Shiratori
repo: task-gacha
以下にチェック
Large button
Show count
Standard icon
Syntax
react-github-btn
を選択
Git Branchをつくる
add-github-button
Pull requestをたてる
code:txt
Koichiro Shiratori.icon
Pull requestをレビューしてApproveしてマージする
Nakahara Ousei.icon
ForkしたリポジトリをSyncする
gitの良い点yuiseki.icon
セーブし放題
＝元に戻し放題
＝失敗し放題
＝挑戦し放題
GitHub＝gitではない
GitHubはgitを気軽に使いやすくWebサービス化したもの
GitHubではプライベートなリポジトリも無料で作れる
GitHubのプライベートリポジトリと連携するサービスもある
----- ----- ----- 休憩（15:15まで） ----- ----- -----
yuiseki.icon
早い段階で安全な失敗の仕方を教える/学ぶほうがいい 正しいやり方だけ手取り足取り教える/学ぶのは成長スピードが遅い
失敗し放題なのであれば、手取り足取り教える/学ぶ必要はない
うまくいくまで弄くり回せばいい
試行の質よりも量、回数が圧倒的に重要
やること
呂さんにGitを導入してもらう
ソフトウェアに秘密の情報は含まれているか？
いない
ソースコードはどこに保存しているか？
手動でバックアップしている
手元にある？
YES
ゴール
GitHubのプライベートリポジトリに呂さんのソフトウェアを置く
手順
GitHubにプライベートリポジトリを作る
名前を決める
Vocabulary-Battlers
...or create a new repository on the command line
VSCodeをインストール
Gitをインストール
平野さんにタスクガチャ開発してもらう
バグを発見する
レア度：ノーマル
ツイートボタンを設置する
レア度：ノーマル
タスクのタイトルからGitHub Issuesを開けるようにする
レア度：レア
タスクガチャの開発タスク検討
ツイートボタンを設置するべきかは要検討yuiseki.icon
GitHub Issuesのテンプレートを作成するyuiseki.icon
タスクの説明をちゃんと書くように促す
タスクの説明も表示するyuiseki.iconhiranoowo.icon
タスクの見た目をカード風にするyuiseki.icon
タスクのレア度ごとに見た目を変えるyuiseki.icon
タスクを引くときの演出Koichiro Shiratori.iconj.lu.iconhiranoowo.iconNakahara Ousei.icon
音が出るKoichiro Shiratori.iconyuiseki.iconj.lu.icon
ジングル作成byj.lu.icon←いいね！Koichiro Shiratori.icon
タスクのカードをアニメーションさせるKoichiro Shiratori.icon
演出として派手なフリーの動画素材を表示するj.lu.icon
ニコニコモンズなど
レア度ごとに変えるとかKoichiro Shiratori.icon
タスクをやると決めた場合の手順をわかりやすくするj.lu.iconyuiseki.iconNakahara Ousei.iconKoichiro Shiratori.iconhiranoowo.icon
タスクをクリアするごとに報酬j.lu.iconhiranoowo.icon
クリアしたタスクの量を可視化して褒めるyuiseki.icon
撃墜マークみたいな面白いもの？Koichiro Shiratori.icon
称号やバッジがもらえるyuiseki.iconhiranoowo.icon
例）GitHubの使い方、VS Codeの使い方など、スキルに対応させても面白いのではKoichiro Shiratori.icon
関連クエストをこなしたら認定？Koichiro Shiratori.icon
→バッジを持っている人に相談することもできるKoichiro Shiratori.icon
クリアすると新しいクエストが出てくるKoichiro Shiratori.icon
クエスト案
環境構築
npm run devできるところまで
VSCode
GitHubでPull requestを出す
作業を勝手に進められるしくみづくりKoichiro Shiratori.icon
道場では①Q&Aと②タスクづくりをメインとするのがよいのではKoichiro Shiratori.icon
作業自体は道場と道場の間の時間で進めておくKoichiro Shiratori.icon
+1yuiseki.icon
勉強貯金？j.lu.icon
ゲームセンターのコイン的？Koichiro Shiratori.icon
報酬配りはやめたほうがいいyuiseki.icon
そもそものシビックハッカー道場は報酬に基づかない動機を持った同士を集めるための場のはず
知っておくべき手順